<!--
 * @Author: 可以清心
 * @Description: 
 * @Date: 2023-02-14 12:09:10
 * @LastEditTime: 2023-03-08 18:20:41
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title></title>
    <% if (htmlWebpackPlugin.options.projectConfig){ %>
    <script type="text/javascript" src="<%= htmlWebpackPlugin.options.projectConfig %>"></script>
    <% } %>
    <% if (htmlWebpackPlugin.options.packageConfig){ %>
    <script type="text/javascript" src="<%= htmlWebpackPlugin.options.packageConfig %>"></script>
    <% } %>

    <script src="/app/config/env.tmpl.js"></script>

    <style type="text/css">
      @-webkit-keyframes bouncedelay {
         0%,
         80%,
         100% {
           -webkit-transform: scale(0.0)
         }
         40% {
           -webkit-transform: scale(1.0)
         }
       }
 
       @keyframes bouncedelay {
         0%,
         80%,
         100% {
           transform: scale(0.0);
           -webkit-transform: scale(0.0);
         }
         40% {
           transform: scale(1.0);
           -webkit-transform: scale(1.0);
         }
       }
       .mx-loading-animation {
         padding: 25%;
         width: 50%;
         height: 70%;
         text-align: center;
         background: #EAEAEA;
       }
 
       .mx-loading-animation>div {
         width: 15px;
         height: 15px;
         background-color: gray;
 
         border-radius: 100%;
         display: inline-block;
         -webkit-animation: bouncedelay 1.6s infinite ease-in-out;
         animation: bouncedelay 1.6s infinite ease-in-out;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
       }
 
       .mx-loading-animation .bounce1 {
         -webkit-animation-delay: -0.32s;
         animation-delay: -0.32s;
       }
 
       .mx-loading-animation .bounce2 {
         -webkit-animation-delay: -0.16s;
         animation-delay: -0.16s;
       }
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <div id="mx-loading-animate" class="mx-loading-animation">
      <div class="bounce1"></div>
      <div class="bounce2"></div>
      <div class="bounce3"></div>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
